import "../../../both/base"
require("./PersonFooter.scss")

class PersonFooter extends React.Component{
    constructor(props){
        super(props)
        this.listData = [
            {
                title : "网站首页",
                href : "/"
            },
            {
                title : "意见反馈",
                href : "/"
            },
            {
                title : "人才招聘",
                href : "#"
            },
            {
                title : "联系我们",
                href : "#"
            },
            {
                title : "友情链接",
                href : "#"
            },
            {
                title : "关于我们",
                href : "#"
            }
        ]
        this.introData = ""
    }

    componentDidMount() {
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
        document.write(unescape("%3Cspan id='cnzz_stat_icon_1260851475'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/stat.php%3Fid%3D1260851475%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));
    }

    render(){
        const hrefLists = this.listData.map((e,i) => {
            return (<li><a href={e.href}>{e.title}</a></li>)
        })

        return (
            <div className="person_footer_cr bln">
                <ul className="person_footer_body">
                    <li className="footer_item">
                        <div className="site_name">OurBAG</div>
                        <div className="site_intro">
                            {this.introData}
                        </div>
                    </li>
                    <li className="footer_item border_r_l">
                        <ul className="sites_href">
                            {hrefLists}
                        </ul>
                    </li>
                    <li className="footer_item">
                        <div>合作伙伴</div>
                        <div>
                            <ul className="connect_icons">
                                {/*<li className="weixin"><a href="#"></a></li>*/}
                                {/*<li className="weibo"><a href="#"></a></li>*/}
                                <li className="qq"><a href="https://www.tencent.com/zh-cn/index.html"></a></li>
                                <li ><span id="cnzz_stat_icon_1260851475"></span></li>
                            </ul>
                        </div>
                    </li>
                </ul>
                <div className="footer-copyright">
                    <p>© 2017 bag.oureda.cn <a href="http://www.miitbeian.gov.cn">辽ICP备 17011123号</a></p>
                </div>
            </div>
        )
    }
}

export default PersonFooter